<template>
	<div class="unitinfo">
		<!-- row -->
		<div class="unitinfo-tr">
			<div class="unitinfo-td">
				<span>单位编号</span>
				<span>--</span>
			</div>
			<div class="unitinfo-td">
				<span>组织机构代码</span>
				<span>--</span>
			</div>
		</div>
		<!-- row -->
		<div class="unitinfo-tr">
			<div class="unitinfo-td">
				<span>单位名称</span>
				<span>--</span>
			</div>
			<div class="unitinfo-td">
				<span>企业法人姓名</span>
				<span>--</span>
			</div>
		</div>
		<!-- row -->
		<div class="unitinfo-tr">
			<div class="unitinfo-td">
				<span>单位地址</span>
				<span>--</span>
			</div>
			<div class="unitinfo-td">
				<span>企业法人身份证号</span>
				<span>--</span>
			</div>
		</div>
		<!-- row -->
		<div class="unitinfo-tr">
			<div class="unitinfo-td">
				<span>单位电话</span>
				<span>--</span>
			</div>
			<div class="unitinfo-td">
				<span>企业法人电话</span>
				<span>--</span>
			</div>
		</div>
		<!-- row -->
		<div class="unitinfo-tr">
			<div class="unitinfo-td">
				<span>单位类别</span>
				<span>--</span>
			</div>
			<div class="unitinfo-td">
				<span>消防负责人</span>
				<span>--</span>
			</div>
		</div>
		<!-- row -->
		<div class="unitinfo-tr">
			<div class="unitinfo-td">
				<span>所在行业</span>
				<span>--</span>
			</div>
			<div class="unitinfo-td">
				<span>安全负责人电话</span>
				<span>--</span>
			</div>
		</div>
	</div>
</template>
 
<script>
export default {
	name: 'Unitinfo',
	data() {
		return {};
	},
	created() {
		this.init();
	},
	methods: {
		// 初始化
		init() {}
	}
};
</script>
 
<style lang="scss">
.unitinfo {
	font-size: 14px;
	border: 1px solid rgb(229, 229, 229);

	.unitinfo-tr {
		display: flex;

		&:last-child {
			span {
				border-bottom: none;
			}
		}
	}

	.unitinfo-td {
		width: 50%;
		display: flex;

		span {
			color: #666;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid rgb(229, 229, 229);
			border-top: none;
			border-left: none;

			&:first-child {
				width: 180px;
				background-color: #f5f5f5;
			}

			&:last-child {
				flex: 1;
			}
		}

		&:last-child {
			span {
				&:last-child {
					border-right: none;
				}
			}
		}
	}
}
</style>